import { Swiper, SwiperItem, View, Image } from "@tarojs/components";
import "./Slideshow.less";

export default function Slideshow() {
  const imageList = [
    "https://d.yipingxuan.com/users/202010052051005f7b16b484b80.jpg?imageView2/2/w/1000/h/1000/interlace/1/q/98",
    "https://d.yipingxuan.com/users/202010081237385f7e9792ca1cf.jpg?imageView2/2/w/1000/h/1000/interlace/1/q/98",
    "https://d.yipingxuan.com/users/202011240048145fbbe7ce5f921.jpg?imageView2/2/w/1000/h/1000/interlace/1/q/98",
    "https://d.yipingxuan.com/users/202010081223015f7e94252393d.jpg?imageView2/2/w/1000/h/1000/interlace/1/q/98",
  ];
  return (
    <View className="slideshow">
      <Swiper
        className="test-h"
        indicatorColor="#999"
        indicatorActiveColor="#333"
        circular
        indicatorDots
        autoplay
      >
        {imageList.map((item, index) => {
          return (
            <SwiperItem key={index} className="swiper-item">
              <Image className="logo" src={item}  ></Image>
            </SwiperItem>
          );
        })}
      </Swiper>
    </View>
  );
}
